{% extends 'layouts/base.html' %}
{% block content %}
<link rel="stylesheet" href="{{config['application']['site']['assetsUri']}}admin/css/AdminLTE.min.css">
<link rel="stylesheet" href="{{config['application']['site']['assetsUri']}}admin/css/_all-skins.min.css">
<link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

<div class="row">
    <div class="col-xs-12">
        <!-- PAGE CONTENT BEGINS -->
        <form action="{{ url('backend/order/setdeposit') }}" class="form-horizontal" role="form" method="post" enctype="multipart/form-data">

            <div class="form-group" style="margin-top:50px;">
                <div class="col-lg-6 col-xs-6 text-center">
                    <div style="display:inline;width:180px;height:180px;">
                        <input type="text" id="deposit" class="knob" value="{{deposit}}"
                               name="deposit" data-width="180" data-height="180" data-fgcolor="#3c8dbc"
                               style="width: 64px; height: 40px; position: absolute; vertical-align: middle;
                                margin-top: 40px; margin-left: -92px; border: 0px; font-style: normal;
                                 font-variant: normal; font-weight: bold; font-stretch: normal; font-size: 24px;
                                  line-height: normal; font-family: Arial; text-align: center; color: rgb(60, 141, 188);
                                   padding: 0px; -webkit-appearance: none; background: none;"></div>
                    <div class="knob-label">订金比例</div>
                </div>
            </div>
            <div class="form-group" style="margin-top:50px;">
                <div class="col-lg-offset-1 col-lg-6 col-xs-6" align="center">
                    <label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right">设置最低订金:</label>
                    <div class="col-xs-4 col-sm-4">
                    <span class="block input-icon input-icon-right">
                        <input type="tel"id="mini_deposit" placeholder="100.00" name="mini_deposit" class="col-xs-5" value="{{mini_deposit}}" />
                    </span>
                    </div>
                </div>
                <div class="col-lg-6 col-xs-6" align="center" style="padding-top:20px;">
                    <button class="btn btn-info" type="submit">
                        <i class="ace-icon fa fa-check bigger-110"></i>
                        设置
                    </button>
                </div>

        </form>
    </div><!-- /.col -->
</div><!-- /.row -->
<script src="{{config['application']['site']['assetsUri']}}admin/js/fastclick.min.js"></script>
<script src="{{config['application']['site']['assetsUri']}}admin/js/jquery.knob.js"></script>
<script src="{{config['application']['site']['assetsUri']}}admin/js/jquery.slimscroll.min.js"></script>
<script src="{{config['application']['site']['assetsUri']}}admin/js/demo.js"></script>
<script>
    $(function () {
        /* jQueryKnob */

        $(".knob").knob({
            draw: function () {

                // "tron" case
                if (this.$.data('skin') == 'tron') {
<<<<<<< HEAD
=======

                    var a = this.angle(this.cv)  // Angle
                            , sa = this.startAngle          // Previous start angle
                            , sat = this.startAngle         // Start angle
                            , ea                            // Previous end angle
                            , eat = sat + a                 // End angle
                            , r = true;

                    this.g.lineWidth = this.lineWidth;

                    this.o.cursor
                    && (sat = eat - 0.3)
                    && (eat = eat + 0.3);

                    if (this.o.displayPrevious) {
                        ea = this.startAngle + this.angle(this.value);
                        this.o.cursor
                        && (sa = ea - 0.3)
                        && (ea = ea + 0.3);
                        this.g.beginPath();
                        this.g.strokeStyle = this.previousColor;
                        this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
                        this.g.stroke();
                    }

                    this.g.beginPath();
                    this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
                    this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
                    this.g.stroke();

                    this.g.lineWidth = 2;
                    this.g.beginPath();
                    this.g.strokeStyle = this.o.fgColor;
                    this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
                    this.g.stroke();

                    return false;
                }
            }
        });
        /* END JQUERY KNOB */
    });
</script>
{% endblock %}
>>>>>>> 1f09a8ad151a1d434778173fbe3a5509707066c4

                    var a = this.angle(this.cv)  // Angle
                            , sa = this.startAngle          // Previous start angle
                            , sat = this.startAngle         // Start angle
                            , ea                            // Previous end angle
                            , eat = sat + a                 // End angle
                            , r = true;

                    this.g.lineWidth = this.lineWidth;

                    this.o.cursor
                    && (sat = eat - 0.3)
                    && (eat = eat + 0.3);

                    if (this.o.displayPrevious) {
                        ea = this.startAngle + this.angle(this.value);
                        this.o.cursor
                        && (sa = ea - 0.3)
                        && (ea = ea + 0.3);
                        this.g.beginPath();
                        this.g.strokeStyle = this.previousColor;
                        this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sa, ea, false);
                        this.g.stroke();
                    }

                    this.g.beginPath();
                    this.g.strokeStyle = r ? this.o.fgColor : this.fgColor;
                    this.g.arc(this.xy, this.xy, this.radius - this.lineWidth, sat, eat, false);
                    this.g.stroke();

                    this.g.lineWidth = 2;
                    this.g.beginPath();
                    this.g.strokeStyle = this.o.fgColor;
                    this.g.arc(this.xy, this.xy, this.radius - this.lineWidth + 1 + this.lineWidth * 2 / 3, 0, 2 * Math.PI, false);
                    this.g.stroke();

                    return false;
                }
            }
        });
        /* END JQUERY KNOB */
    });
</script>
{% endblock %}
